<template>
  <div class="page-container">
    <a-tabs v-model:active-key="activeType">
      <a-tab-pane key="1" title="普通版电子合同">
        <freeInfo v-if="activeType === '1'" />
      </a-tab-pane>
      <a-tab-pane key="2" title="付费版电子合同">
        <payInfo v-if="activeType === '2'" />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script setup>
  import { ref } from 'vue'
  import freeInfo from './components/free-contract.vue'
  import payInfo from './components/pay-contract.vue'

  const activeType = ref('1')
</script>

<style lang="less" scoped></style>
